<template>
  <div class="console-example">
    <el-select v-model="link" style="width: 25%;" placeholder="请选择站点">
      <el-option v-for="item in linkOption" :key="item.value" :label="item.name"
        :value="item.value">
      </el-option>
    </el-select>
    <el-divider></el-divider>
    <div class="button">
      <el-button>从模板导入</el-button>
      <el-button>存为模板</el-button>
    </div>
    <div class="settingList">
      <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">运行控制<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="云端自动运行">
            <el-row>
              <el-col :span="1">
                <el-switch
                  v-model="form.open"
                  active-color="#13ce66"
                  inactive-color="#ff4949">
                </el-switch>
              </el-col>
              <el-col :span="23">
                <span>云端自动运行任务。</span>只要账户有积分余额，系统会按您设置的时间自动运行，达到所需篇数后自动停止，即使您电脑关机也不影响。
              </el-col>
              <el-col :span="24">
                <el-checkbox v-model="form.checked">接口返回301/302/403/404状态码或鉴权失败/拒绝连接/域名无法解析/数据库错误时，暂停自动运行，并立即通知我。</el-checkbox>
              </el-col>
            </el-row>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="自动运行时间">
            <el-radio-group v-model="form.radio">
              <el-radio label="all">24小时运行（默认）</el-radio>
              <el-radio label="let">指定时段运行（仅针对云端自动运行，手动运行测试不受此项限制）</el-radio>
            </el-radio-group>
            <div class="timeBox" v-if="form.radio == 'let'">
              <div>请勾选需要运行的时间段：</div>
              <el-checkbox-group v-model="form.time">
                <el-checkbox v-for="(item, index) in timeList" :key="index" :label="item.value"></el-checkbox>
              </el-checkbox-group>
              <el-divider></el-divider>
              <el-checkbox v-model="form.time">随机选择</el-checkbox><el-input size="mini" v-model="form.user" style="width: 10%;"></el-input>小时，此设置会覆盖所勾选的所有时段设置。
            </div>
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div>
      <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">采集需求<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="每小时采集文章数">
            <div>
              共采集<el-input size="mini" v-model="form.user" style="width: 10%;"></el-input>
              篇/小时，各任务篇数随机。仅为最大量，并不保证一定能达到，通常可达300-500篇每小时(每站)，如果您的需求量未达标，请咨询在线客服。
              <el-button type="text" @click="show = !show">影响因素<i class="el-icon-arrow-down"></i></el-button>
            </div>
            <div v-if="show">
              1. 关键词本身：有的关键词网上内容多，有的关键词网上内容少；
              <br />2. 关键词数量：同一个关键词的内容总会越采越少，尽量设置更多的关键词可提高采集速度；
              <br />3. 采集指定网站：受目标网站内容多少影响较大；百度已收录的目标网站的内容才会被采集到；
              <br />4. 正文长度过滤：设定的正文长度越大，满足条件的内容越少；
              <br />5. 相关度要求：要求相关度的采集，也会使满足条件的内容变少；
              <br />6. 重复抓取过滤：默认情况下，其他用户采集过的链接不会再让您采集，也使可采内容变少；
              <br />7. 受服务器开启的进程数、系统负载、临时系统维护等影响。
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="每天采集文章数">
            每天采集达到<el-input size="mini" v-model="form.user" style="width: 10%;"></el-input>篇后强制停止采集。一般情况请留空，让系统按照每小时需求量进行采集即可。
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="搜索引擎入口">
            <el-select v-model="form.link" size="mini" style="width: 13%;" placeholder="请选择">
              <el-option v-for="item in options" :key="item.value" :label="item.name"
                :value="item.value">
              </el-option>
            </el-select>
            覆盖百度、搜狗、好搜、神马、头条、必应六大搜索引擎。仅适用于使用关键词采集。
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div>
      <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">过滤策略<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="正文长度过滤">
            <div>请选择需求的正文长度下限，小于设定值的文章不采集，超出部分不增加积分消耗。只对采集任务生效。</div>
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">≥500字符(默认) (基础费用：1积分/篇)</el-radio>
              <el-radio :label="2">≥750字符 (基础费用：2积分/篇)</el-radio>
              <el-radio :label="3">≥1000字符 (基础费用：4积分/篇)</el-radio>
              <el-radio :label="4">不限长度，可能造成正文识别准确率降低，请慎用 (基础费用：1积分/篇)</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章相关度过滤">
            <div>防止采到不相关的内容。只对用关键词采集的任务生效。</div>
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">模糊匹配：文章内容与目标关键词相关度达标时采集(默认)</el-radio>
              <el-radio :label="2">精确匹配：文章标题或正文包含目标关键词时采集(VIP专享，免费)</el-radio>
              <el-radio :label="3">不限定文章相关度</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="URL防重复采集">
            <div>防止相同的文章网址(URL)被重复抓取。只对采集任务生效。</div>
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">当前站点采集过的网址不重复采集</el-radio>
              <el-radio :label="2">所有站点采集过的网址不重复采集</el-radio>
              <el-radio :label="3">允许重新抓取曾经采集过的网址，仅用于 曾经采集失败，希望尝试重新采集 时使用，一般情况请勿选择此项，否则可能导致采集到重复文章。</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="内容指纹过滤">
            <div>防止采到网址不同但内容相同的文章。当指纹相似度超过90%时，视为内容相同，屏蔽该文章。只对采集任务生效。</div>
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">过滤当前域名(VIP专享，免费)</el-radio>
              <el-radio :label="2">过滤当前账号(VIP专享，免费)</el-radio>
              <el-radio :label="3">不过滤内容指纹(默认)</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="目标网站过滤">
            <div>以下网站不采集，只填域名，每行一个，最多200个。系统会自动识别并屏蔽那些非文章类的网站，所以此项通常可以不设置。只对采集任务生效。</div>
            <el-input type="textarea" v-model="form.textarea" :rows="2" placeholder="禁止采集的域名，每行一个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="内容词汇过滤">
            <div>包含以下词语的文章自动舍弃，每行一个，最多2000个，通常用于屏蔽敏感词。只过滤正文，不过滤标题、关键词、描述。不分大小写。</div>
            <el-input type="textarea" v-model="form.textarea" :rows="2" placeholder="敏感词过滤，每行一个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="内容通顺度过滤">
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
            自动过滤通顺度较低的文章，防止采到垃圾内容。
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文本鉴黄过滤">
            <el-radio-group v-model="form.radio1">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
            以机器学习算法自动识别色情内容，当色情概率达到系统阈值，自动屏蔽文章。
            <p>积分消耗：+1积分/篇。</p>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="联系方式、网址清理">
            <el-checkbox-group v-model="form.concat">
              <el-checkbox :label="1">电话号码清理，包括常见的手机号、座机号、400电话格式，或替换成如下电话：<el-input type="text" style="width: 22%;" v-model="form.textarea" placeholder="留空则删除"></el-input></el-checkbox>
              <el-checkbox :label="2">网址清理，包括纯域名、带http(s)的网址、电子邮箱</el-checkbox>
              <el-checkbox :label="3">强制替换各种疑似账号：当数字字母下划线连续出现<el-input type="text" style="width: 15%;" v-model="form.textarea"></el-input>个以上时将其替换为<el-input type="text" style="width: 18%;" v-model="form.textarea" placeholder="留空则删除"></el-input></el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="公司机构名称清理">
            <el-radio-group v-model="form.radio4">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
            <span style="padding-left: 1%;">自动识别并替换内容中的公司机构名称。积分消耗：+1积分/篇。</span>
            <div class="showsBox" v-if="form.radio4==1">
              自动识别内容中的公司机构名称(如xx公司、xx厂、xx店、xx部等)，当公司机构名称中包含下列关键词：(每行1个，最多200个)
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="公司
厂
店
部"></el-input>
              <div style="margin-top: 1%;">
                强制替换各种疑似账号：当数字字母下划线连续出现<el-input type="text" style="width: 15%;" v-model="form.textarea"></el-input>个以上时将其替换为
                <el-input type="text" style="width: 18%;" v-model="form.textarea" placeholder="留空则删除"></el-input>
              </div>
              <el-checkbox-group v-model="form.title">
                <el-checkbox :label="1">同时清理标题中的名称</el-checkbox>
                <el-checkbox :label="2">同时清理描述中的名称</el-checkbox>
              </el-checkbox-group>
              <div style="color:red">请注意，虽然此功能识别成功率非常高，但并不能保证100%，如果介意，请不要使用此功能。</div>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="关键词防重复使用">
            <div>私有词库中每个关键词最多允许<el-input type="text" style="width: 10%;" v-model="form.textarea"></el-input>篇文章（采集+原创）。留空或设为0则不限。
              <el-button type="text" @click="shows = !shows">注意事项<i class="el-icon-arrow-down"></i></el-button>
            </div>
            <div v-if="shows" class="showsBox">
              只对私有词库的关键词有效，对于使用公有词库无任何影响。如果开启，通常会让采集效率降低，进而造成采不到足够的文章。另外，如果多个站点同时绑定了某一词库，那么这些站点的文章数会累加在对应的关键词上，但不同站点仍然可以设定不同的允许篇数。
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="发布时间过滤">
            <div>只采集最近<el-input type="text" style="width: 10%;" v-model="form.textarea"></el-input>天以内发布的文章，留空或设为0则不限。积分消耗：+1积分/篇。</div>
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div>
      <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">内容设置<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="标题格式">
            <div>
              请选择标题格式：
              <el-select v-model="form.links" size="mini" style="width: 13%;" placeholder="请选择">
                <el-option v-for="item in option1" :key="item.value" :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select>
              <el-button type="text" icon="el-icon-d-arrow-left" @click="show1 = !show1">推荐使用原创标题，100%原创</el-button>
            </div>
            <div class="showsBox">
              直接抓取源网页标题。小概率情况下，源网页标题识别失败时，取文章描述的前30个字作为标题。
            </div>
            <div class="showsBox">
              标题长度：<el-input size="mini" v-model="form.user" style="width: 10%;"></el-input>字符，超出部分将被强制截断。留空或设为0则不限。
            </div>
            <div class="showsBox box1">
              标题过滤：标题不希望出现的词或符号，系统将自动把它从标题中删除。每行一个，最多200个。
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="标题过滤，每行一个"></el-input>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章改写（伪原创）">
            <el-radio-group v-model="form.radio2">
              <el-radio :label="1">同义词版</el-radio>
              <el-radio :label="2">智能AI版</el-radio>
              <el-radio :label="3">深度改写版[新]</el-radio>
              <el-radio :label="4">关闭</el-radio>
            </el-radio-group>
            <span class="code" v-if="form.radio2 != 4">仅对采集生效，对原创文章不生效。</span>
            <div class="showsBox"  v-if="form.radio2 == 1">
              句子级的修改。原文相似度均值70%左右。<el-button type="text">这里是效果演示</el-button>。 积分消耗：+3积分/篇。
              <el-checkbox v-model="checked">同时对标题进行伪原创（智能AI版对标题的伪原创成功率较高）</el-checkbox>
              <div>
                <el-button type="text" @click="show2=!show2">点此展开自动锁词和伪原创修正>>></el-button>
              </div>
            </div>
            <div class="showsBox"  v-if="form.radio2 == 2">
              词语级的修改。千万级同义词库，智能替换原文部分词语。<el-button type="text">这里是效果演示</el-button>。 积分消耗：+2积分/篇。
              <el-checkbox v-model="checked">同时对标题进行伪原创（由于标题长度较短，有一定概率会出现无法匹配伪原创的情况）</el-checkbox>
              <div>
                <el-button type="text" @click="show2=!show2">点此展开自动锁词和伪原创修正>>></el-button>
              </div>
            </div>
            <div class="showsBox"  v-if="form.radio2 == 3">
              篇章级的修改。原文相似度均值25%左右。<el-button type="text">这里是效果演示</el-button>。 积分消耗：+20积分/篇。
              <div>
                模型选择：
                <el-select v-model="form.link1" size="mini" style="width: 15%;" placeholder="请选择">
                  <el-option v-for="item in option2" :key="item.value" :label="item.name"
                    :value="item.value">
                  </el-option>
                </el-select>
                根据文章内容自适应各种模型，自动改写各类文章
              </div>
              <div v-if="form.link1 == 10">
                <div>请将您的自定义提示词填写在此处：</div>
                <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="自定义提示词"></el-input>
              </div>
              <el-checkbox v-model="checked">同时对标题进行伪原创（深度改写版对标题的伪原创成功率较高）</el-checkbox>
              <div>
                <el-button type="text" @click="show2=!show2">点此展开自动锁词和伪原创修正>>></el-button>
              </div>
            </div>
            <div class="showsBox box1" v-if="show2">
              <div>
                自动锁词：用于保护您的核心产品词不被伪原创修改，每行一个，最多500个，如燕窝，减肥茶，股票配资，网站优化等等，并根据实际情况跟踪调整。
              </div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="自动锁词，每行一个"></el-input>
            </div>
            <div class="showsBox box1" v-if="show2">
              <div>
                伪原创修正：用于伪原创后对某些不准确的词汇进行修正，提高文章可读性，使文章更符合您行业的用语习惯。比如收集>采集，表示在伪原创完成后，把文中的收集修正替换为采集，标题和正文同时适用，每行一个，最多1000个，不分大小写，默认留空。支持正则表达式，如/iphone \d+s?/i>HUAWEI Mate 60，表达式长度不超过64个字符。建议在使用一段时间伪原创后，通过人工审核，把常见的不准确词汇设置在此。
              </div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="伪原创修正，每行一个"></el-input>
            </div>
            <div class="showsBox" v-if="form.radio2 == 4">
              建议开启，让文章原创度更高，深度改写原创度通常可达75以上。
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="图片保存方式">
            <el-radio-group v-model="form.saveImg">
              <el-radio :label="1">使用远程图片</el-radio>
              <el-radio :label="2">屏蔽所有图片</el-radio>
            </el-radio-group>
            <div class="showsBox">
              <span v-if="form.saveImg == 1">直接引用第三方网站的图片网址，不占用自己的服务器空间。</span>
              <span v-else>文章将不带任何图片，下面的配图等相关选项也全部失效。</span>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="原文图片处理">
            <el-radio-group v-model="form.saveImg">
              <el-radio :label="1">保留原文图片</el-radio>
              <el-radio :label="2">删除原文图片</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="自动配图">
            <div>配图数量：为
              <el-input-number v-model="num" style="width:10%" :controls="false" :min="0" :max="100"></el-input-number>%的文章执行自动配图，每篇配图
              <el-input-number style="width:10%" v-model="num" :controls="false" :min="1" :max="10"></el-input-number>幅（最多10幅）</div>
            <div>
              配图策略：
              <el-radio-group v-model="form.saveImg1">
                <el-radio :label="1">不管原文是否有图都配图</el-radio>
                <el-radio :label="2">只为无图的文章配图</el-radio>
              </el-radio-group>
            </div>
            <div class="showsBox">
              <div>网络配图：默认根据文章内容自动从网络获取相关图片，不保证100%成功。可能含有广告或水印等内容。</div>
              <div>自定义配图：请在下方填写图片网址，系统将在其中随机抽取图片，不再从网络获取。每行一个，最多2000个。</div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="自定义图片网址，每行一个，如：http://www.abc.com/123.jpg"></el-input>
              <div>如果图片无法正常显示，可能原因是网络图片有防盗链设置，请尝试使用图片本地化或上传云存储解决。</div>
            </div>
            <div class="showsBox box1">
              <div>指定文章首图：您可以在下方填写图片网址，系统在其中随机取一个作为文章首图。每行一个，最多500个。</div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="指定文章首图，每行一个，如：http://www.abc.com/123.jpg"></el-input>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <!-- <el-form-item label="固定链接">
            <div>
              为正文中已存在的词汇添加链接，每行一个，最多1000个，格式：文章采集>https://www.abc.com/， 表示如果正文中出现文章采集这个词，则把它链接到https://www.abc.com/， 如果某个词在正文中多次出现，只在第一次出现时添加链接。 链接既可以是站内的，也可以是站外的；既可以是首页，也可以是内页。
            </div>
            <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="固定链接，每行一个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="关键词插入">
            <div>
              从以下关键词随机取<el-input size="mini" v-model="form.user" style="width: 10%;"></el-input>个，插入到正文随机位置，为0则关闭。可以是单独的词语如文章采集，也可以是一段html，如<a href='https://www.abc.com/'>文章采集</a>，每行一个，最多1000个。
            </div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="需要插入的关键词，每行一个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="内容替换">
            <div>
              把原文中的某些词汇替换成新的词汇，每行一个，最多500个，如：谷歌>百度，表示谷歌替换为百度，标题、关键词、描述、正文都会参与替换。不分大小写。不支持html替换，否则可能乱码。对单个字母或数字替换无效。支持正则表达式，如/iphone \d+s?/i>HUAWEI Mate 60，表达式长度不超过64个字符。
            </div>
            <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="内容替换，每行一个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="翻译为其他语言">
            <el-radio-group v-model="form.radio3">
              <el-radio :label="1">翻译为<el-select v-model="form.link2" size="mini" style="width: 40%;" placeholder="请选择">
                <el-option v-for="item in option3" :key="item.value" :label="item.name"
                  :value="item.value">
                </el-option>
              </el-select></el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
            <span style="padding-left: 1%;">标题、关键词、描述、Tag标签、正文同步翻译。积分消耗：+2积分/篇。</span>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章开头添加内容">
            <div>
              在文章开头添加一段内容，允许使用&lt;div&gt;,&lt;p&gt;,&lt;img&gt;,&lt;a&gt;,&lt;b&gt;,&lt;strong&gt;,&lt;span&gt;,&lt;br&gt;标签，不超过1000字符。
            </div>
            <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="文章开头添加内容"></el-input>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章末尾添加内容">
            <div>
              在文章末尾追加一段内容，允许使用&lt;div&gt;,&lt;p&gt;,&lt;img&gt;,&lt;a&gt;,&lt;b&gt;,&lt;strong&gt;,&lt;span&gt;,&lt;br&gt;标签，不超过1000字符。
            </div>
            <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="内容末尾添加内容"></el-input>
          </el-form-item>
          <el-divider></el-divider> -->
        </el-form>
      </div>
      <!-- <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">图片相关<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="图片信息识别">
            <el-radio-group v-model="form.saveImg2">
              <el-radio :label="1">开启</el-radio>
              <el-radio :label="2">关闭</el-radio>
            </el-radio-group>
            <span style="margin-left: 2%;">智能识别图片包含的文字和二维码，屏蔽含有营销信息的图片。自定义图片不做检查。由于图像对比度、分辨率差异，以及网络超时等原因，此功能有小概率会识别失败，识别失败的图片也会被删除。</span>
            <div style="color: red;">积分消耗：+1积分/篇。(仅对有图的文章，且忽略自定义配图)</div>
            <div class="showsBox box1" v-if="form.saveImg2 == 1">
              <div>图片包含以下关键词时，屏蔽该图片。每行一个，最多200个。不分大小写。留空则不执行。</div>
              <el-input type="textarea" v-model="form.textarea" :rows="4" placeholder="图片关键词过滤，每行一个"></el-input>
              <el-checkbox-group v-model="form.checkList">
                <el-checkbox :label="1">图片包含各种二维码时，屏蔽该图片。</el-checkbox><br />
                <el-checkbox :label="2">图片包含常见手机号、座机号、400电话时，屏蔽该图片。</el-checkbox><br />
                <el-checkbox :label="3">图片包含各种纯域名、带http(s)的网址、电子邮箱时，屏蔽该图片。</el-checkbox><br />
                <el-checkbox :label="4">图片包含各种疑似账号时，屏蔽该图片。此项误杀率较高，慎用！</el-checkbox>
              </el-checkbox-group>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="图片alt属性">
            <el-select v-model="form.link3" size="mini" style="width: 20%;" placeholder="请选择">
              <el-option v-for="item in option4" :key="item.value" :label="item.name"
                :value="item.value">
              </el-option>
            </el-select>
            <el-checkbox v-model="form.checked1" style="margin-left: 2%;">允许覆盖原图alt属性</el-checkbox>
            <el-input v-if="form.link3 == 4" type="textarea" v-model="form.textarea" :rows="4" placeholder="自定义alt属性随机调用，每行一个，最多1000个"></el-input>
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div> -->
      <!-- <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">其他属性<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="Keywords来源">
            <el-radio-group v-model="form.radio5">
              <el-radio :label="1">自动识别原网页Keywords</el-radio><br />
              <el-radio :label="2">使用相关长尾词</el-radio><br />
              <el-radio :label="3">使用当前源关键词</el-radio><br />
              <el-radio :label="4">使用文章标题</el-radio><br />
              <el-radio :label="5">使用当前源关键词+文章标题</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="Description来源">
            <el-radio-group v-model="form.radio6">
              <el-radio :label="1">自动识别原网页Description</el-radio><br />
              <el-radio :label="2">自动提取正文中最重要的2-3个句子</el-radio><br />
              <el-radio :label="3">使用正文开头前<el-input-number v-model="num" style="width:25%" size="mini" :controls="false" :min="0" :max="100"></el-input-number>个字符</el-radio>
            </el-radio-group><br />
            <el-checkbox v-model="form.checked2">在Description开头插入文章标题。</el-checkbox>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="Description长度">
            <el-input-number v-model="num" style="width:10%" size="mini" :controls="false" :min="0" :max="100"></el-input-number>字符，超出部分将被强制截断。留空或设为0则不限。
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="默认作者">
            <el-input v-model="form.author" style="width:10%" size="mini"></el-input>总是直接使用该作者，而不会从网页抓取。
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="默认文章来源">
            <el-input v-model="form.source" style="width:10%" size="mini"></el-input>总是直接使用该来源，而不会从网页抓取。
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="相关度优化">
            <el-checkbox-group v-model="form.concat">
              <el-checkbox :label="1">当标题、描述相关度低时，自动添加当前源关键词。</el-checkbox><br />
              <el-checkbox :label="2">当正文中出现当前源关键词时，自动把该关键词加粗。</el-checkbox><br />
              <el-checkbox :label="3">在正文随机位置自动插入当前源关键词<el-input type="text" style="width: 15%;" v-model="form.textarea"></el-input>次。</el-checkbox><br />
              <el-checkbox :label="4">在正文随机位置自动插入文章标题<el-input type="text" style="width: 15%;" v-model="form.textarea"></el-input>次。</el-checkbox><br />
              <el-checkbox :label="5">在正文开头插入文章标题。使用html标签：<el-input type="text" style="width: 15%;" v-model="form.textarea"></el-input>，不含<>，留空则不使用任何标签。</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div> -->
      <div class="settingItem">
        <div class="title">
          <el-button size="mini" type="text"><span style="color:red">发布设置<i class="el-icon-arrow-down"></i></span></el-button>
          <el-button size="mini">快速保存</el-button>
        </div>
        <el-form label-width="150px" label-position="left" :model="form">
          <el-form-item label="文章交付方式">
            <el-radio-group v-model="form.radio7">
              <el-radio :label="1">自动发布：通过<el-button type="text" @click="goInterface"><span style="color: red">接口文件</span></el-button>发布到网站或自媒体后台，发布失败时保存到<el-button type="text" @click="goArticle"><span style="color: red">文章暂存库</span></el-button>，请自行获取。</el-radio><br />
              <el-radio :label="2">手动发布：直接把文章放到<el-button type="text" @click="goArticle"><span style="color: red">文章暂存库</span></el-button>，以便手动编辑再发布或复制到其他媒体，或批量下载到本地。</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章发布时间" v-if="form.radio7 == 1">
            <el-radio-group v-model="form.radio8">
              <el-radio :label="1">文章完成后立即发布</el-radio>
              <el-radio :label="2">本时段内随机时间发布</el-radio>
            </el-radio-group>
            <span style="margin-left: 2%;">（仅当开启自动发布时适用）</span>
          </el-form-item>
          <el-divider v-if="form.radio7 == 1"></el-divider>
          <el-form-item label="聚合发布模式">
            <el-radio-group v-model="form.radio9">
              <el-radio :label="1">单篇发布(默认) </el-radio>
              <el-radio :label="2">2篇聚合</el-radio>
              <el-radio :label="3">3篇聚合</el-radio>
              <el-radio :label="4">4篇聚合</el-radio>
            </el-radio-group>
            <div>开启聚合发布后，短期内采集的文章将进入聚合库，出现无文章发布的情况，详情请阅读<el-button type="text" @click="show3 = !show3">功能说明</el-button>。</div>
            <div class="showsBox box1" v-if="show3">
              <div>以任务为聚合基准，相同任务的N篇文章聚合为一篇。标题、关键词、描述等信息以第一篇为基准。 为了提高聚合文章的相关度，我们会为每个任务先采集一定数量(通常50-200不等)的文章放到一个聚合库。 当开始执行聚合时，系统以最近一次采集到的文章作为聚合的第一篇，并以它的标题去和聚合库文章做相关度计算，取出相关度最高的N篇文章进行正文聚合。 被选中的将立即从聚合库删除，而没被选中的继续留在库中，待下次继续匹配。
                <br />1. 扣费仍然是针对单篇进行扣费，且在把文章放入聚合库的同时就会执行。
                <br />2. 由于文章被聚合，如果按发布篇数算，它会少于采集篇数，请自行核实。
                <br />3. 聚合库可以到文章暂存库筛选查询，也可以在暂存库中单独修改和进行单篇发布。
                <br />4. 尽管我们努力提高聚合相关度，但每个任务会采到什么文章都是未知的，未必适合每个站点，请自行评估。
                <br />5. 尽量为同一个任务设置相关度高的关键词，让采集的内容主题更集中，有助于提高聚合相关度。
                <br />6. 由于每个任务都需要先采集50-200篇左右的文章才能开始聚合，对于任务比较多的站点，可能前期会采集大量文章进入聚合库，发布的聚合文章却很少，请做好心理准备。
                <br />7. 深度原创的文章总是会单篇发布，不参与聚合。
              </div>
            </div>
          </el-form-item>
          <el-divider></el-divider>
          <el-form-item label="文章发布状态">
            <el-radio-group v-model="form.radio10">
              <el-radio :label="1">开放浏览</el-radio>
              <el-radio :label="2">待审核/草稿</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-divider></el-divider>
        </el-form>
      </div>
      <div class="saveBtn">
        <el-button type="primary">保存设置</el-button>
        <el-button>应用到同组</el-button>
      </div>
    </div>
  </div>
</template>

<script>
import request from '@/utils/request'
import { list } from '@/api/example'
import dayjs from 'dayjs';
export default {
  name: 'Example',
  data() {
    return {
      form: {
        time: [],
        concat: [],
        title: [],
        radio: 'all',
        radio: 1,
        link: 1,
        link1: 1,
        link2: 1,
        link3: 1,
        links: 1,
        radio2: 4,
        radio3: 2,
        radio4: 2,
        radio5: 1,
        radio6: 1,
        radio7: 1,
        radio8: 1,
        radio9: 1,
        radio10: 1,
        saveImg: 1,
        saveImg1: 1,
        saveImg2: 2,
        checkList: [],
        checked1: false,
        checked3: true,
        author:'佚名',
        source: '网络整理'
      },
      show: false,
      shows: false,
      show2: false,
      show3: false,
      checked: false,
      timeList: [
        {value:'00点'},
        {value:'01点'},
        {value:'02点'},
        {value:'03点'},
        {value:'04点'},
        {value:'05点'},
        {value:'06点'},
        {value:'07点'},
        {value:'08点'},
        {value:'09点'},
        {value:'10点'},
        {value:'11点'},
        {value:'12点'},
        {value:'13点'},
        {value:'14点'},
        {value:'15点'},
        {value:'16点'},
        {value:'17点'},
        {value:'18点'},
        {value:'19点'},
        {value:'20点'},
        {value:'21点'},
        {value:'22点'},
        {value:'23点'}
      ],
      link: '',
      linkOption: [
      ],
      option1: [
        {
          name: '源标题',
          value: 1
        }, {
          name: '源关键词+源标题',
          value: 2
        }, {
          name: '随机前缀+源标题',
          value: 3
        }, {
          name: '标题党+源标题',
          value: 4
        }, {
          name: '自动原创标题',
          value: 5
        }, {
          name: '长尾词组合',
          value: 6
        }, {
          name: '万能组合标题',
          value: 7
        },
      ],
      option2: [
        {
          name: '标准自适应模型',
          value: 1
        }, {
          name: '新闻类文章模型',
          value: 2
        }, {
          name: '故事类文章模型',
          value: 3
        }, {
          name: '娱乐类文章模型',
          value: 4
        }, {
          name: '知识类文章模型',
          value: 5
        }, {
          name: '鸡汤类文章模型',
          value: 6
        }, {
          name: '经验技巧类模型',
          value: 7
        }, {
          name: '营销推广类模型',
          value: 8
        }, {
          name: '反AI探测模型',
          value: 9
        }, {
          name: '自定义模型',
          value: 10
        },
      ],
      option3: [
        {
          name: '英语',
          value: 1
        }, {
          name: '日语',
          value: 2
        }, {
          name: '韩语',
          value: 3
        }, {
          name: '法语',
          value: 4
        }, {
          name: '德语',
          value: 5
        }, {
          name: '意语',
          value: 6
        }, {
          name: '俄语',
          value: 7
        }, {
          name: '西班牙语',
          value: 8
        }, {
          name: '葡萄牙语',
          value: 9
        }, {
          name: '繁体中文',
          value: 10
        }, {
          name: '简体中文',
          value: 11
        },
      ],
      option4: [
        {
          name: '使用相关长尾词（默认）',
          value: 1
        }, {
          name: '使用当前源关键词',
          value: 2
        }, {
          name: '使用文章标题',
          value: 3
        }, {
          name: '自定义alt属性随机调用',
          value: 4
        }
      ],
      options: [
        {
          name: '全网采集',
          value: 1
        }, {
          name: '新闻资讯',
          value: 2
        }, {
          name: '微信公众号',
          value: 3
        }, {
          name: '头条文章',
          value: 4
        }, {
          name: '微信+头条',
          value: 5
        },
        ],
        num: ''
    }
  },
  computed: {
  },
  mounted() {
    this.getList()
  },
  methods: {
    getList() {
      const query = {
        search: '',
        status: '',
      }
      list(query).then(res => {
        console.log(res)
        this.linkOption = res.data.list.data
        if (this.$route.query.item) {
          this.link = Number(this.item.site_id)
        }
      })
    },
    goInterface() {
      this.$router.push('/console/example/secureindex')
    },
    goArticle() {
      this.$router.push('/console/account/withdrawal')
    }
  }
}
</script>

<style lang="scss" scoped>
.console-example {
  padding: 20px;
  .el-divider--horizontal {
    margin: 10px 0;
  }
  .code {
    margin-left: 10px;
  }
  .showsBox {
    padding: 0 5px;
    border: 1px solid #ccc;
    margin-top: 8px;
  }
  .box1 {
    padding-bottom: 10px;
  }
  .timeBox {
    border: 1px solid #ccc;
    padding: 8px;
  }
  .saveBtn {
    display: flex;
    justify-content: center;
  }
  .settingItem {
    margin-top: 15px;
    .title {
      display: flex;
      justify-content: space-between;
      padding: 15px 0;
      background-color: #eee;
    }
    .el-form-item {
      margin-bottom: 0
    }
  }
}
</style>
